html, body {
    width:100%;
    min-width:1000px;
    margin:0px;
    padding:0px;
    text-align:center;
    font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#4d4d4d;
    /* IE6 */
    _font-family:"宋体";
}
body {
    background-color: #EFEFEF;
}
ul,li,dl,dt,dd { 
    list-style: none; 
}
div,ul,li,dl,dt,dd,form,p {
    margin:0px auto;
    padding:0px;
}
div ul {
    width:100%;
    height:100%;
}
input[type="text"],
input[type="password"],
input[type="button"] {
	font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;
    font-size:14px;
	vertical-align: middle;
	outline:none;
}
input.act,
input.act {
	color:#333;
}
a {
    text-decoration:none;
    font-family:Microsoft YaHei , Arial, Helvetica, sans-serif;   
}
.clear {
    clear:both;
}

/* HEAD */
#header {
    width:1000px;
    height:130px;
    background:#FFF url("../images/head_logo.jpg") no-repeat 30px 30px;
}
#header a {
    width:32px;
    height:32px;
    display:block;
    text-decoration:none;
    border:none;
    background:url("../images/head_quit.jpg") no-repeat left top;
    float:right;
    margin-right:30px;
    margin-top:49px;
}

/* USER INFO */
#userBlock {
    width:1000px;
    height:136px;
    background:#d8f3f4;
    position:relative;
}
#userBlock div {
    height:96px;
    float:left;
    margin-left:30px;
    margin-top:20px;
}
#userBlock div.headIconBox {
    width:96px;
    position:relative;   
}
#userBlock div.headIconBox img {
    width:92px;
    height:92px;
    margin:2px;
    border:none; 
}
#userBlock div.headIconBox p {
    width:92px;
    height:92px;
    background:url("../images/u_mask.png") no-repeat left top;
    cursor:pointer;
    position:absolute;
    left:2px;
    top:2px;
    z-index:2;
}
#userBlock div.baseInfoBox {
    width:315px;
}
#userBlock div.splitBox {
    width:30px;
    background:url("../images/u_split.png") no-repeat left center;
}
#userBlock div.safeInfoBox {
    width:410px;
}
#userBlock div ul li {
    width:100%;
    height:38px;
    line-height:38px;
    text-align:left;
    font-weight:600;
    font-size:16px;
}
#userBlock div ul li.last {
    width:100%;
    height:20px;
    line-height:20px;
    font-weight:normal;
    font-size:12px;
    color:#a3b3b4;
}
#userBlock div ul li label {
    margin-left:30px;
    float:left;
}
#userBlock div ul li label.txt {
    margin-left:0px;
}
#userBlock div ul li label.red {
    color:#F00;
}
#userBlock div ul li label.blue {
    color:#888;
}
#userBlock div ul li label.green {
    color:#080;
}
#userBlock div ul li span {
    width:26px;
    height:26px;
    display:block;
    margin-top:6px;
    margin-left:30px;
    float:left;
}
#userBlock div ul li span.bankSet {
    background:url("../images/u_set.png") no-repeat left top;
}
#userBlock div ul li span.safeMobile {
    background:url("../images/u_safe_mobile.png") no-repeat left top;
}
#userBlock div ul li span.safeMsg {
    background:url("../images/u_safe_msg.png") no-repeat left top;
}
#userBlock div ul li span.safePwd {
    background:url("../images/u_safe_pwd.png") no-repeat left top;
}

/* MESSAGE BOX */
span#mcBox {
    width:32px;
    height:32px;
    display:block;
    background:url("../images/u_msg_count_bg.png") no-repeat left top;
    color:#F40;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    line-height:32px;
    position:absolute;
    z-index:5;
    top:-10px;
    left:484px;
    cursor:pointer; 
    margin:0px;
    padding:0px;
    /*display:none; */
}
div#msgBox {
    width:740px;
    height:auto;
    margin:0px;
    padding:5px;
    background-color:#e3f2f7;
    border:1px #8ec6bd double;
    position:absolute;
    z-index:7; 
    left:155px; 
    top:-10px;
    display:none;        
}
div#msgBox ul {
    background-color:#FFF;
}
div#msgBox ul li {
    width:100%;
    height:30px;
    line-height:30px;
    font-size:12px;
    font-weight:normal;
    text-align:left;
}
div#msgBox ul li.tc {
    text-align:center;
    color:#207f8a;
    font-size:14px;
    font-weight:bold;
}
div#msgBox ul li label {
    font-size:12px;
    font-weight:normal;
    margin:0px;
    padding:0px;
    float:none; 
}
div#msgBox ul li label.senderName {
    color:#207f8a;
    margin-left:10px;  
}
div#msgBox ul li label.senderId {
    color:#949494;  
}
div#msgBox ul li label.info {
    color:#4d4d4d;  
}
div#msgBox ul li label.money {
    color:#F40;  
}
div#msgBox ul li label.content {
    color:#949494;  
}
div#msgBox ul li span {
    font-size:12px;
    font-weight:normal;
    margin:0px;
    padding:0px;
    float:right;
    margin-right:10px;
    display:block;
    width:70px;
    text-align:right; 
}
div#msgBox ul li span.time {
    color:#949494; 
    margin-right:10px;
    width:120px;
    text-align:left;
}
div#msgBox ul li span a {
    font-size:12px;
    font-weight:normal;
    color:#767700;
    text-decoration:none;
    border:none;
}
div#msgBox ul li span a:hover {
    color:#F40;
}
div#msgBox ul li span a:active,
div#msgBox ul li span a:visited {
    color:#767700;
}
div#msgBox ul li.tc input[type=button] {
    width:300px;
    height:30px;
    background:url("../images/u_msg_hide_icon.jpg") no-repeat left 12px;
    cursor:pointer;
    border:none;
}
/* HEAD ICON */
div#userHead {
   width:640px; 
   height:490px; 
   background:#fff;
   border:1px #949494 double;
   text-align:left;
   /*padding:10px 20px 20px 20px;*/
   position:absolute;
   z-index:10; 
   left:180px; 
   top:-30px; 
   display:none; 
}
div#userHead div {
    margin-top:0px;
    margin-left:20px;
    padding:0px;
}
div#userHead div.headInfo {
    width:600px;
    height:50px;
    line-height:50px;
    font-weight:bold;
    font-size:16px;
    text-align:left;   
}
div#userHead div.headInfo span {
    width:28px;
    height:28px;
    background:url("../images/u_setIcon_close.jpg") no-repeat left top;
    cursor:pointer;
    float:right;
    margin-top:10px;
}
div#userHead div.headBox {
    width:600px;
    height:360px;
    text-align:left;
    background:#efefef url("../images/u_setIcon_split.jpg") no-repeat 340px center;   
}
div#userHead div p {
    height:320px;
    margin-left:20px;
    margin-top:20px;
    line-height:40px;
    float:left;  
}
div#userHead div p.leftBox {
    width:300px;
}
div#userHead div p.rightBox {
    width:280px;
    margin-left:45px;
}
div#userHead div.btnBox {
    width:600px;
    height:80px;
    line-height:80px;
    text-align:center;
    background:#FFF;   
}
div#userHead div p span {
    width:100%;
    height:30px;
    line-height:30px;
    display:block;
}
div#userHead div p span.span01 {
    font-weight:bold;
    font-size:16px; 
}
div#userHead div p span.span02 {
    font-size:12px; 
    color:#207f8a;
}
div#userHead div p span.span03 {
    height:50px;
}
div#userHead div p span.span03 input[type=button] {
    width:120px;
    height:40px;
    line-height:40px;
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    cursor:pointer;
    vertical-align:middle;
    font-size:16px;
    margin-top:5px; 
}
div#userHead div p span.span03 input[type=button]:hover {
    background:#effeff;
}
div#userHead div p span.span04 {
    width:100px;
    height:30px;
    text-align:center;
    color:#007622;
    font-size:12px;
    font-weight:normal;
}
div#userHead div p span.span04 a {
    color:#007622;
    border:none;
}
div#userHead div p span.span04 a:hover {
    color:#F40;
}

div#userHead div p img {
    width:100px;
    height:100px;
    border:none;
}
div#userHead div.btnBox input[type=button] {
    width:120px;
    height:44px;
    line-height:44px;
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    cursor:pointer;
    vertical-align:middle;
    font-size:16px;
    margin-top:16px; 
}
div#userHead div.btnBox input[type=button]:hover {
    background:#effeff;
}

/* WRAP */
#wrap {
    width:1000px;
    height:auto;
    /*background-color:#999;*/
    position:relative;
    overflow:hidden;
}

/* CARD */
#cardBox {
    width:650px;
    height:auto;
    margin-left:0px;
    margin-top:10px;
    padding-top:10px;
    background-color:#FFF;
    text-align:center;
    position:relative;
}
#cardBox p.logo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/card_logo.png") no-repeat left top;
    position:absolute;
    left:30px;
    top:-5px;
    z-index:3;   
}
#cardBox div.cardInfo {
    width:500px;
    height:auto;
    margin-top:10px;
    margin-right:30px;   
}
#cardBox div.cardInfo ul li {
    width:100%;
    height:30px;
    line-height:30px;
    text-align:left;
}
#cardBox div.cardInfo ul li.liStatus {
    position:relative;
}
#cardBox div.cardInfo ul li label {
    float:left;
}
#cardBox div.cardInfo ul li label.boldInfo {
    font-size:16px;
    font-weight:bold;
}
#cardBox div.cardInfo ul span.sp50 { float:right; font-size:14px}
#cardBox div.cardInfo ul span.sp50 a{ color:#888; padding:0 5px}
#cardBox div.cardInfo ul span.sp50 a:hover{ color:#207f8a}
#cardBox div.cardInfo ul li label.boldRedInfo {
    font-size:16px;
    font-weight:bold;
    color:#ee6464;
}
#cardBox div.cardInfo ul li label.normalInfo {
    color:#949494;
}
#cardBox div.cardInfo ul li label.normalRedInfo {
    color:#ee6464;
}
#cardBox div.cardInfo ul li label.normalInfo a {
    color:#4d4d4d;
    border:none;
    text-decoration:none; 
}
#cardBox div.cardInfo ul li label.normalInfo a:hover {
    color:#3377aa;
}
#cardBox div.cardInfo ul li label.normalInfo a.actived {
    color:#3377aa;
}
#cardBox div.cardInfo ul li label.status {
    width:26px;
    height:26px;
    display:block;
    background:url("../images/card_status.png") no-repeat left top;
    margin-left:30px;
    cursor:pointer;
}
#cardBox div.cardInfo ul li.liStatus div {
    width:330px;
    height:30px;
    position:absolute;
    left:150px;
    top:-2px;
    display:none;
}
#cardBox div.cardInfo ul li.liStatus div input[type=text] {
    width:200px;
    height:24px;
    line-height:24px;
    border:1px #abadb3 double;
    color:#ACACAC;
}
#cardBox div.cardInfo ul li.liStatus div input[type=password] {
    width:200px;
    height:24px;
    line-height:24px;
    border:1px #abadb3 double;
    color:#333;
}
#cardBox div.cardInfo ul li.liStatus div input[type=button] {
    width:60px;
    height:28px;
    line-height:28px;
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    cursor:pointer;
    vertical-align:middle; 
}
#cardBox div.cardInfo ul li.liStatus div input[type=button]:hover {
    background:#effeff;
}
#cardBox div.payCard {
    width:590px;
    height:auto;
}
#cardBox div.payCard ul li {
    width:100%;
    height:40px;
    line-height:40px;
    text-align:left;
}
#cardBox div.payCard ul li.title {
    font-size:16px;
    font-weight:bold;
}
#cardBox div.payCard ul li.payCardBox {
    height:50px;
    line-height:50px;
}
#cardBox div.payCard ul li.info {
    height:50px;
    line-height:50px;
    position:relative;
}
#cardBox div.payCard ul li.info p {
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:normal;
    color:#207f8a;
    float:left;
}
#cardBox div.payCard ul li.info p.infoEmpty {
   width:480px;
   height:43px;
   line-height:43px;
   text-align:center;
   margin-top:7px;
}
#cardBox div.payCard ul li.info p.info {
   width:480px;
   height:43px;
   line-height:43px;
   text-align:center;
   background:url("../images/card_info_bg.jpg") no-repeat left top;
   margin-top:7px;
}
#cardBox div.payCard ul li.info p.radioBox {
   width:90px;
   height:42px;
   line-height:21px;
   text-align:left;
   margin-top:8px;
}
#cardBox div.payCard ul li.info p.radioBox input[type=radio],
#cardBox div.payCard ul li.info p.radioBox label {
   cursor:pointer;
}
#cardBox div.payCard ul li.info span {
    width:12px;
    height:12px;
    display:block;
    background:url("../images/card_info_uparr.jpg") no-repeat left top;
    position:absolute;
    z-index:5;
    top:0px;
    display:none;
}
#cardBox div.payCard ul li.info span.sp1 {
    left:30px;
}
#cardBox div.payCard ul li.info span.sp2 {
    left:128px;
}
#cardBox div.payCard ul li.info span.sp3 {
    left:225px;
}
#cardBox div.payCard ul li.info span.sp4 {
    left:325px;
}
#cardBox div.payCard ul li.info span.sp5 {
    left:420px;
}
#cardBox div.payCard ul li.fixed {
    height:10px;
}
#cardBox div.payCard ul li a {
    width:70px; 
    height:40px; 
    line-height:40px; 
    background:#f6f6f6; 
    border:1px #e2e2e2 double;
    color:#4d4d4d; 
    text-align:center;  
    display:block; 
    margin:0 25px 0 0;
    float:left;
    text-decoration:none; 
}
#cardBox div.payCard ul li a:hover {
    border:1px #ff4400 double;
}
#cardBox div.payCard ul li a.actived {
    border:1px #ff4400 double; 
    background:url(../images/card_sel.gif) no-repeat right bottom;
}
#cardBox div.payCard ul li input[type=button] {
    width:85px; 
    height:40px; 
    line-height:40px; 
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    font-size:16px; 
    cursor:pointer; 
    float:left;
}
#cardBox div.payCard ul li input[type=button]:hover {
    background:#effeff;
}

/* PAY FOR */
#payforBox {
    width:650px;
    height:auto;
    margin-left:0px;
    margin-top:10px;
    padding-top:10px;
    background-color:#FFF;
    text-align:center;
    position:relative;
}
#payforBox p.logo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/payfor_logo.png") no-repeat left top;
    position:absolute;
    left:30px;
    top:-5px;
    z-index:3;   
}
#payforBox div.payforItemInfo {
    width:490px;
    height:auto;
    margin-top:10px;
    margin-right:40px;   
}
#payforBox div.payforItemInfo ul li {
    width:100%;
    height:30px;
    line-height:30px;
    text-align:left;
}
#payforBox div.payforItemInfo label {
    float:left;
}
#payforBox div.payforItemInfo label.boldInfo {
    font-size:16px;
    font-weight:bold;
}
#payforBox div.payforItemInfo label.boldRedInfo {
    font-size:16px;
    font-weight:bold;
    color:#ee6464;
}
#payforBox div.payforItemInfo label.rightInfo {
    font-size:12px;
    font-weight:normal;
    color:#207f8a;
    text-align:right;
    float:right;
}
#payforBox div.empty {
    width:100%;
    height:10px;
}
#payforBox div.payforTitle {
    width:570px;
    height:30px;
    line-height:30px;
    font-size:16px;
    font-weight:bold;
    text-align:left;
}
#payforBox div.payforItemBox {
    width:570px;
    height:auto;
    background:url("../images/payfor_line_bg.jpg") repeat-y 19px top;
}
#payforBox div.payforItemBox div.empty {
    width:100%;
    height:10px;
}
#payforBox div.payforItemBox div.category {
    width:100%;
    height:40px;
    text-align:left;
}
#payforBox div.payforItemBox div.category img {
    width:40px;
    height:40px;
    line-height:40px;
    border:none;
    float:left;
}
#payforBox div.payforItemBox div.category label {
    font-size:16px;
    font-weight:bold;
    float:left;
    margin-left:40px;
    margin-top:12px;
}
#payforBox div.payforItemBox div.category span {
    width:18px;
    height:18px;
    display:block;
    cursor:pointer;
    float:right;
    margin-top:11px;
}
#payforBox div.payforItemBox div.category span.down {
    background:url("../images/payfor_category_arrdown.jpg") no-repeat left top;
}
#payforBox div.payforItemBox div.category span.right {
    background:url("../images/payfor_category_arrright.jpg") no-repeat left top;
}
#payforBox div.payforItemBox div.itemBox {
    width:490px;
    height:auto;
    margin-right:0px;
}
#payforBox div.payforItemBox div.itemBox ul li {
    width:100%;
    height:40px;
    line-height:40px;
    text-align:left;
    color:#555d53;
    vertical-align:middle;
}
#payforBox div.payforItemBox div.itemBox ul li span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:40px;
    float:left;
}
#payforBox div.payforItemBox div.itemBox ul li span.name {
    display:table;
    width:170px;
}
#payforBox div.payforItemBox div.itemBox ul li span.time {
    width:180px;
    margin-left:10px;
    color:#999999;
}
#payforBox div.payforItemBox div.itemBox ul li span.price {
    width:60px;
    margin-left:5px;
    text-align:right;
    color:#F40;
}
#payforBox div.payforItemBox div.itemBox ul li span.info {
    width:20px;
    margin-left:0px;
    text-align:center;
    color:#999999;
}
#payforBox div.payforItemBox div.itemBox ul li span label {
    height:20px; 
    line-height:20px;
    vertical-align:middle;
}
#payforBox div.payforItemBox div.itemBox ul li span.name label {
    width:100%; 
    height:100%; 
    vertical-align:middle; 
    display:table-cell;
}
#payforBox div.payforItemBox div.itemBox ul li span.add {
    width:21px;
    height:21px;
    background:url("../images/payfor_item_add.jpg") no-repeat 2px 2px;
    margin:0px;
    margin-top:9px;
    padding:0px;
    float:right;
    cursor:pointer;
}
#payforBox div.payforItemBox div.itemBox ul li span.notadd {
    width:21px;
    height:21px;
    background:url("../images/payfor_item_noadd.jpg") no-repeat 2px 2px;
    margin:0px;
    margin-top:9px;
    padding:0px;
    float:right;
    cursor:pointer;
}

/* BILL HISTORY LIST */
#billBox {
    width:650px;
    height:auto;
    margin-left:0px;
    margin-top:10px;
    padding-top:10px;
    background-color:#FFF;
    text-align:center;
    position:relative;
}
#billBox p.logo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/bill_logo.png") no-repeat left top;
    position:absolute;
    left:30px;
    top:-5px;
    z-index:3;   
}
#billBox div.billTabBox {
    width:490px;
    height:30px;
    line-height:30px;
    margin-top:10px;
    margin-bottom:20px;
    margin-right:40px;
    text-align:left;
    font-size:16px;
    font-weight:600 ;  
}
#billBox div.billTabBox a {
    color:#4d4d4d;
    border:none;
    text-decoration:none; 
}
#billBox div.billTabBox a:hover {
    color:#3377aa;
}
#billBox div.billTabBox a.actived {
    color:#3377aa;
}
#billBox div.empty {
    width:100%;
    height:10px;
}
#billBox div.billListBox {
    width:570px;
    height:150px;
}
#billBox div.billListBox ul li {
    width:100%;
    height:30px;
    line-height:30px;
    text-align:left;
    font-size:12px;
    color:#949494;
    vertical-align:middle;
}
#billBox div.billListBox ul li span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:30px;
    float:left; 
}
#billBox div.billListBox ul li span.title {
    width:200px;
    white-space:nowrap;
    overflow:hidden;
    text-align:left;
}
#billBox div.billListBox ul li span.price {
    width:100px;
    margin-left:10px;
    text-align:left;
}
#billBox div.billListBox ul li span.time {
    width:120px;
    margin-left:10px;
    text-align:left;
}
#billBox div.billListBox ul li span.sgreen {
    width:100px;
    margin-left:10px;
    text-align:left;
    color:#207f8a;
}
#billBox div.billListBox ul li span.sred {
    width:100px;
    margin-left:10px;
    text-align:left;
    color:#F40;
}
#billBox div.billListBox ul li span.sub {
    width:17px;
    height:17px;
    background:url("../images/bill_remove.jpg") no-repeat left top;
    float:right;
    margin-right:0px;
    cursor:pointer;
    margin-top:6px;
}
#billBox div.moreBox {
    width:570px;
    height:50px;
    line-height:50px;
    margin-bottom:20px;
    text-align:right;
    font-size:14px;
}
#billBox div.moreBox a {
    color:#007722;
    border:none;
    text-decoration:none;
    margin-left:60px; 
}
#billBox div.moreBox a:hover {
    color:#F40;
}

/* RIGHT */
#rightBox {
    width:340px;
    height:auto;
    margin-right:0px;
    background-color:#FFF;
    margin-right:0px;
    text-align:center;
    position:absolute;
    left:660px;
    top:10px;
}
#rightBox p.logo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/cart_logo.png") no-repeat left top;
    position:absolute;
    left:10px;
    top:-5px;
    z-index:3;   
}
#rightBox div.boxTitle {
    width:240px;
    height:60px;
    line-height:60px;
    margin-top:10px;
    margin-right:10px;
    text-align:right;
    font-size:16px;
    font-weight:600 ;  
}
#rightBox div.empty {
    width:100%;
    height:10px;
}
#rightBox div.cartItemBox {
    width:320px;
    height:auto;   
}
#rightBox div.cartItemBox li {
    width:100%;
    height:40px;
    line-height:40px;
    text-align:left;
    color:#555d53;
    vertical-align:middle;
    font-size:12px;
}
#rightBox div.cartItemBox li span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:40px;
    float:left;
}
#rightBox div.cartItemBox li span.name {
    display:table;
    width:200px;
    margin-right:10px;
}
#rightBox div.cartItemBox li span.info {
    width:12px;
    text-align:center;
}
#rightBox div.cartItemBox li span.price {
    width:40px;
    text-align:left;
    color:#F40;
    overflow:visible;
}
#rightBox div.cartItemBox li span label {
    height:20px; 
    line-height:20px;
    vertical-align:middle;
}
#rightBox div.cartItemBox li span.name label {
    width:100%; 
    height:100%; 
    vertical-align:middle; 
    display:table-cell;
}
#rightBox div.cartItemBox li span.sub {
    width:21px;
    height:21px;
    background:url("../images/cart_item_remove.jpg") no-repeat 2px 2px;
    margin:0px;
    margin-top:9px;
    padding:0px;
    float:right;
    cursor:pointer;
}
#rightBox div.cartTotal {
    width:320px;
    height:auto;   
}
#rightBox div.cartTotal li {
    width:100%;
    height:30px;
    line-height:30px;
    text-align:left;
    color:#207f8a;
    vertical-align:middle;
    font-size:12px;
}
#rightBox div.cartTotal li span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:30px;
    float:left;
    overflow:visible;
    text-align:left;
}
#rightBox div.cartTotal li span.money {
    color:#F40;
    margin-left:5px;
    margin-right:5px;
    font-weight:bold;
    font-size:14px;
}

#rightBox div.recBankTitle {
    width:310px;
    height:40px;
    line-height:40px;
    text-align:left;
    font-size:16px;
    font-weight:600 ;  
}
#rightBox div.recBankbox {
    width:310px;
    height:40px;
    text-align:left;
    font-size:14px;
    vertical-align:middle;
}
#rightBox div.recBankbox input[type=radio] {
    cursor:pointer;
    float:left;
    margin-top:15px;
}
#rightBox div.recBankbox label {
    width:125px;
    height:28px;
    display:block;
    background:url("../files/banks/b_logo_1.jpg") no-repeat left top;
    cursor:pointer;
    float:left;
    margin-top:5px;
}
#rightBox div.recBankbox span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:40px;
    float:right;
    overflow:visible;
    text-align:left;
}
#rightBox div.recBankbox span.money {
    color:#F40;
    margin-left:5px;
    margin-right:5px;
}
#rightBox div.myBankbox {
    width:310px;
    height:auto;
    text-align:left;
    vertical-align:middle;
    overflow:hidden;
}
#rightBox div.myBankbox input[type=radio] {
    cursor:pointer;
    float:left;
    margin-top:15px;
}
#rightBox div.myBankbox label {
    width:125px;
    height:30px;
    display:block;
    background:url("../files/banks/b_logo_1.jpg") no-repeat left top;
    cursor:pointer;
    float:left;
    margin-top:5px;
    margin-right:5px;
}
#rightBox div.otherBankbox {
    width:310px;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:left;
}
#rightBox div.otherBankbox select {
    width:130px;
}
#rightBox div.submitbox {
    width:310px;
    height:80px;
    vertical-align:middle;
    text-align:center;
}
#rightBox div.submitbox input[type=button] {
    width:100px; 
    height:40px; 
    line-height:40px; 
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    font-size:16px; 
    cursor:pointer;
    margin-top:20px; 
}
#rightBox div.submitbox input[type=button]:hover {
    background:#effeff;
}

/* OTHER PAGE */
/* BANG.HTML */
p.bangLogo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/bang_logo.png") no-repeat left top;
    position:absolute;
    left:30px;
    top:-5px;
    z-index:3; 
}
p.qingLogo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/qing_logo.png") no-repeat left top;
    position:absolute;
    left:30px;
    top:-5px;
    z-index:3; 
}
p.bankLogo {
    width:70px;
    height:70px;
    margin:0px;
    padding:0px;
    background:url("../images/my_bank_logo.png") no-repeat left top;
    position:absolute;
    left:30px;
    top:-5px;
    z-index:3; 
}
div.block {
    width:1000px;
    height:auto;
    margin-top:10px;
    position:relative; 
    background-color:#FFF;  
}
div.blockTitle {
    width:500px;
    height:70px;
    line-height:70px;
    vertical-align:middle;
    margin-left:150px;
    font-size:16px;
    font-weight:bold;
    text-align:left;  
}
div.blockTitle font {
    color:#F40;
    margin-left:5px;
    margin-right:5px;
}
div.blockBox {
    width:800px;
    height:auto;
    margin-left:150px;
}
div.blockBox ul li {
    width:100%;
    height:50px;
    line-height:50px;
    text-align:left;
}
div.blockBox ul li.bill {
    width:100%;
    height:40px;
    line-height:40px;
    text-align:left;
    font-size:12px;
    color:#949494;
    vertical-align:middle;
}
div.blockBox ul li.last {
    height:80px;
}
div.blockBox ul li label {
    width:140px;
    display:block;
    text-align:right;
    float:left;
}
div.blockBox ul li input[type=text] {
    width:300px;
    height:24px;
    line-height:24px;
    border:1px #abadb3 double;
    color:#333;
    margin-left:5px;
}
div.blockBox ul li input[type=text].short {
    width:100px;
}
div.blockBox ul li img {
    border:none;
    cursor:pointer;
    vertical-align:middle;
}
div.blockBox ul li.last input[type=button] {
    width:120px; 
    height:40px; 
    line-height:40px; 
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    font-size:16px; 
    cursor:pointer;
    margin-top:20px;
    margin-left:5px; 
}
div.blockBox ul li.last input[type=button]:hover {
    background:#effeff;
}

div.blockBox ul li.bill span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:30px;
    float:left; 
}
div.blockBox ul li.bill span.title {
    width:200px;
    white-space:nowrap;
    overflow:hidden;
    text-align:left;
}
div.blockBox ul li.bill span.price {
    width:100px;
    margin-left:50px;
    text-align:left;
}
div.blockBox ul li.bill span.time {
    width:120px;
    margin-left:50px;
    text-align:left;
}
div.blockBox ul li.bill span.sgreen {
    width:100px;
    margin-left:50px;
    text-align:left;
    color:#207f8a;
}
div.blockBox ul li.bill span.sred {
    width:100px;
    margin-left:50px;
    text-align:left;
    color:#F40;
}
div.blockBox ul li.bill span.sub {
    width:17px;
    height:17px;
    background:url("../images/bill_remove.jpg") no-repeat left top;
    float:right;
    margin-right:0px;
    cursor:pointer;
    margin-top:6px;
}

div.userBox {
    width:800px;
    height:auto;
    margin-left:150px;
}
div.userBox ul li {
    width:100%;
    height:40px;
    line-height:40px;
    text-align:left;
}
div.userBox ul li.last {
    height:80px;
}
div.userBox ul li input[type=radio] {
    float:left;
    cursor:pointer;
    margin-top:14px;
}
div.userBox ul li label {
    display:block;
    text-align:left;
    float:left;
}
div.userBox ul li label.uName {
    width:120px;
    margin-left:3px;
    cursor:pointer;
}
div.userBox ul li label.grade {
    width:300px;
    margin-left:10px;
}
div.userBox ul li label.no {
    width:200px;
    margin-left:10px;
}
div.userBox ul li.last input[type=button] {
    width:120px; 
    height:40px; 
    line-height:40px; 
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    color:#57a2aa; 
    text-align:center;
    font-size:16px; 
    cursor:pointer;
    margin-top:20px;
    margin-left:145px; 
}
div.userBox ul li.last input[type=button]:hover {
    background:#effeff;
}

div.bankBox {
    width:800px;
    height:auto;
    margin-left:150px;
    overflow:hidden;
}
div.bankBox p {
    /*height:40px;
    height:auto;*/
    line-height:40px;
    margin:0px;
    padding:0px;
    text-align:left;
    overflow:hidden;
}
div.bankBox p.left {
    width:100px;
    font-size:16px;
    font-weight:bold;
    float:left;
}
div.bankBox p.right {
    width:380px;
    margin-left:100px;
    /*overflow:hidden;*/
}
div.bankBox p.right input[type=radio] {
    cursor:pointer;
    float:left;
    margin-top:15px;
}
div.bankBox p.right label {
    width:125px;
    height:28px;
    display:block;
    background:url("../files/banks/b_logo_1.jpg") no-repeat left top;
    cursor:pointer;
    float:left;
    margin-top:5px;
    margin-right:40px;
}
div.bankBox p.right select {
    width:130px;
    margin-top:10px;
}
div.bankBox p.right span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:40px;
    float:left;
    overflow:visible;
    text-align:left;
    color:#207f8a;
    font-size:12px;
}
div.bankBox p.right span.money {
    color:#F40;
    margin-left:5px;
    margin-right:5px;
}

div.myBankInfo {
    width:800px;
    height:20px;
    line-height:20px;
    text-align:left;
    margin-left:150px;
}
div.myBankInfo span {
    margin:0px;
    padding:0px;
    height:100%;
    line-height:20px;
    float:left;
    overflow:visible;
    text-align:left;
    font-size:12px;
}
div.myBankInfo span.money {
    color:#F40;
    margin-left:5px;
    margin-right:5px;
}
div.myBankInfo span.add {
    width:17px;
    height:17px;
    background:url("../images/u_bank_add.jpg") no-repeat left top;
    margin-left:30px;
    cursor:pointer;
    display:none;
}
div.myBankInfo span.sub {
    width:17px;
    height:17px;
    background:url("../images/u_bank_remove.jpg") no-repeat left top;
    margin-left:30px;
    cursor:pointer;
    display:none;
}

div.myBankBox {
    width:740px;
    height:auto;
    line-height:40px;
    text-align:left;
    margin-left:150px;
    overflow:hidden;
}
div.myBankBox input[type=checkbox] {
    cursor:pointer;
    float:left;
    margin-top:15px;
}
div.myBankBox label {
    width:125px;
    height:28px;
    display:block;
    background:url("../files/banks/b_logo_1.jpg") no-repeat left top;
    cursor:pointer;
    float:left;
    margin-top:5px;
    margin-right:40px;
}
div.myBankBox label.other {
    width:125px;
    height:28px;
    color:#207f8a;
    background:url("../images/u_show_banks.jpg") no-repeat right bottom;
}


/* PASSWORD */
div.mima { 
    background:#fff; 
    padding:20px 50px;
}
div.mima ul.ulmima { 
    padding:0 0 50px 120px
}
div.mima ul.ulmima li { 
    height:60px; 
    padding:5px 0; 
    text-align:left;
 }
div.mima ul.ulmima li.li01 { 
    padding:0 0 20px 75px; 
    height:auto; 
}
div.mima ul.ulmima li input[type=text],
div.mima ul.ulmima li input[type=password] {
    border:1px #abadb3 double; 
    line-height:25px; 
    height:25px; 
    width:220px; 
    padding:0 2px; 
    color:#949494;
}
div.mima ul.ulmima li input[type=text].act,
div.mima ul.ulmima li input[type=password].act {
    color:#333;
}
div.mima ul.ulmima span { 
    float:left;
 }
div.mima ul.ulmima span.sp01 {  
    background:url("../images/u_safe_mobile.png") no-repeat center top; 
    padding:25px 0 0 0;
}
div.mima ul.ulmima span.sp02 {  
    background:url("../images/u_safe_msg.png") no-repeat center top; 
    padding:25px 0 0 0;
}
div.mima ul.ulmima span.sp03 {  
    background:url("../images/u_safe_pwd.png") no-repeat center top; 
    padding:25px 0 0 0;
}
div.mima ul.ulmima span.sp04 { 
    width:230px; 
    padding:10px 0 0 20px ;
}
div.mima ul.ulmima span.sp05 { 
    width:340px; 
    color:#207f8a; 
    font-size:12px; 
    line-height:50px; 
    padding:0 10px 0 20px;
}
div.mima ul.ulmima span.sp06 {
    width:90px;  
    height:40px;
    line-height:40px;
    font-size:16px;
 }
div.mima ul.ulmima span.sp06 input[type=button] { 
    width:90px;  
    height:40px;
    line-height:40px;
    text-align:center; 
    display:block; 
    color:#57a2aa;
    font-size:16px; 
    background:#d8f3f4; 
    border:1px #9cdae1 double;
    cursor:pointer;
}
div.mima ul.ulmima span.sp06 input[type=button]:hover { 
    background:#effeff; 
}

/* FOOTER */
#footer {
    width:1000px;
    height:40PX;
    line-height:40px;
    text-align:center;
}